<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>


    <main>
        <div class="header">
            <!-- 头部 -->
            <div class="container">
                <div class="header-top">
                    <i class="iconfont iconleftarrow " id="lcMy"></i>
                </div>
                <div class="head-portrait"><span>我的运动数据</span><img src="../image/dog.jpg" alt="" id="getImg"></div>
                <div class="sports">
                    <div class="sports-one">
                        <h5>总运动</h5>
                        <p><span id="sumTimes">999</span>分钟</p>
                    </div>
                    <div class="sports-two">
                        <h5>本周消耗</h5>
                        <p><span id="times">999</span>分钟</p>
                    </div>
                </div>
                <div class="kaluli">
                    <div>
                        <h5>消耗(千卡)</h5>
                        <p id="calorie">99999</p>
                    </div>
                    <div>
                        <h5>累计天</h5>
                        <p id="sumDays">99999</p>
                    </div>
                    <div>
                        <h5>连续天</h5>
                        <p id="continueDays">99999</p>
                    </div>
                </div>

            </div>

        </div>
        <div class="container">
                       <div id="chart"></div>

            <div id="chart2"></div> 
        </div>



    </main>
</head>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.0.1/echarts.common.js"></script>
<body>

</body>

</html>